<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>会员列表</title>

    <meta name="keywords" content="">
    <meta name="description" content="">

    <!--[if lt IE 8]>
    <script>
        alert('H+已不支持IE6-8，请使用谷歌、火狐等浏览器\n或360、QQ等国产浏览器的极速模式浏览本页面！');
    </script>
    <![endif]-->

    <link href="/static/admin/public/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <link href="/static/admin/public/css/font-awesome.min.css?v=4.3.0" rel="stylesheet">
    <link href="/static/admin/public/css/animate.min.css" rel="stylesheet">
    <link href="/static/toastr/toastr.min.css" rel="stylesheet"></link>
    <link href="/static/admin/public/css/style.min.css?v=3.2.0" rel="stylesheet">
    <link href="/static/admin/plugins/jsTree/css/style.min.css" rel="stylesheet">
</head>

<body class="fixed-sidebar full-height-layout gray-bg">
<div class="wrapper wrapper-content animated fadeInRight" id="memberDetail">
    <div class="ibox float-e-margins" >

        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5 class="pull-left">账号信息</h5>
                <div class="pull-right">
                    <a href="javascript:window.history.back()" class="btn btn-link">返回</a>
                </div>

            </div>
            <div class="ibox-content">
                <table class="table">

                    <tbody>
                    <tr>
                        <td>注册手机：</td>
                        <td>{{member.phone}}</td>
                        <td>昵称：</td>
                        <td>{{member.nickname}}</td>
                    </tr>
                    <tr>

                        <td>状态：</td>
                        <td>{{memberStatusMessage[member.state]}}</td>
                        <td>更新时间：</td>
                        <td>{{member.update_time}}</td>
                        <td>注册时间：</td>
                        <td>{{member.create_time}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="ibox-title">
                <h5 class="pull-left">认证信息</h5>
            </div>
            <div class="ibox-content">
                <table class="table">
                    <tbody>
                    <tr>
                        <td>公司名称：</td>
                        <td colspan="3">{{memberInfo.name}}</td>
                    </tr>
                    <tr>
                        <td>公司所在地：</td>
                        <td>{{memberInfo.address}}</td>

                        <td>联系人：</td>
                        <td>{{memberInfo.mobile}}</td>
                    </tr>
                    <tr>
                        <td>详细地址：</td>
                        <td>{{memberInfo.home_address}}</td>

                        <td>职位：</td>
                        <td>{{memberInfo.position}}</td>
                    </tr>
                    <tr>
                        <td>公司注册时间：</td>
                        <td>{{memberInfo.company_time}}</td>

                        <td>固定电话：</td>
                        <td>{{memberInfo.landine_phone}}</td>
                    </tr>
                    <tr>
                        <td>注册资本：</td>
                        <td>{{memberInfo.fund}}</td>

                        <td>邮箱：</td>
                        <td>{{memberInfo.email}}</td>
                    </tr>
                    <tr>
                        <td>官网地址：</td>
                        <td>{{memberInfo.website_url}}</td>

                        <td>微信：</td>
                        <td>{{memberInfo.wechat}}</td>
                    </tr>
                    </tbody>
                </table>
                <p>公司简介：</p>
                <p>{{memberInfo.company_info}}</p>
            </div>
            <div class="ibox-title">
                <h5 class="pull-left">其他信息</h5>
            </div>
            <div class="ibox-content" v-if="memberCategoryStatus==1">
                <table class="table">
                    <tbody>
                    <tr>
                        <td>所述行业：</td>
                        <td >{{supplement.trade_name}}</td>
                        <td>预算金额：</td>
                        <td >{{supplement.budget}}万/年</td>
                        <td>发货量：</td>
                        <td >{{supplement.shipment}}万顿</td>
                    </tr>
                    <tr>
                        <td>主要路线：</td>
                        <td colspan="5">{{supplement.line}}</td>
                    </tr>
                    <tr>
                        <td>服务内容：</td>
                        <td colspan="5">{{supplement.service_content}}</td>
                    </tr>
                    </tbody>
                </table>

            </div>
            <div class="ibox-content" v-if="memberCategoryStatus==2">
                <table class="table">
                    <tbody>
                    <tr>
                        <td>服务类型：</td>
                        <td colspan="3">{{supplement.trade_name}}</td>
                    </tr>
                    <tr>
                        <td>资质概况：</td>
                        <td colspan="3">{{supplement.certification}}</td>
                    </tr>
                    <tr>
                        <td>自有运力：</td>
                        <td>{{supplement.self_car}}</td>
                        <td>外协车辆：</td>
                        <td>{{supplement.subordinate_car}}</td>
                    </tr>
                    <tr>
                        <td>自购占比：</td>
                        <td>{{supplement.self_buying}}%</td>
                        <td>挂靠占比：</td>
                        <td>{{supplement.subordinate_buying}}%</td>
                    </tr>
                    <tr>
                        <td>长跑路线：</td>
                        <td colspan="3">{{supplement.line}}</td>
                    </tr>
                    <tr>
                        <td>客户案例：</td>
                        <td colspan="3">{{supplement.case}}</td>
                    </tr>
                    </tbody>
                </table>

            </div>

        </div>
    </div>
</div>

<!-- 全局js -->
<script src="/static/admin/public/js/jquery-2.1.1.min.js"></script>
<script src="/static/admin/public/js/bootstrap.min.js?v=3.4.0"></script>
<script src="/static/admin/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/static/admin/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/static/admin/plugins/layer/layer.min.js"></script>
<script type="text/javascript" src="/static/vue/vue.js"></script>

<!-- 自定义js -->
<script type="text/javascript" src="/static/util/axios.min.js"></script>
<script type="text/javascript" src="/static/admin/api/require.js"></script>
<script type="text/javascript" src="/static/admin/api/publicAjax.js"></script>

<!-- 第三方插件 -->
<script src="/static/toastr/toastr.min.js"></script>
<script src="/static/toastr/customToastr.js"></script>
<script src="/static/admin/plugins/jsTree/js/jstree.min.js"></script>
<script>
    var id = "{$id}";
    var vmMemberDetail = new Vue({
        el:"#memberDetail",
        data:{
            "memberStatusMessage":['未审核','审核成功'],
            "id":id,
            "member":{},
            'memberInfo':{},
            'memberCategoryStatus':0,
            'supplement':{}
        },
        methods:{

            getMemberAllInfo:function () {
                let el = this
                let postData = {
                    'id':el.id,
                }
                AjaxPost(postData,'/admin/member/getMemberAllInfoByMemberId').then((response)=>{
                    if(response.status==1){
                        var member = response.result
                        el.member = member
                        if(member.memberInfo != null){
                            el.memberInfo = member.memberInfo
                            el.memberCategoryStatus =member.memberInfo.member_category
                        }
                        if(member.supplement != null){
                            el.supplement = member.supplement
                        }
                        console.log(member)
                    }

                })
            },
        },
        mounted(){
            this.$nextTick(function () {
                this.getMemberAllInfo()
            })
        }

    })
</script>

</body>

</html>